<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> -->
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">


<style type="text/css">
<!--
@import url("//www.google.com/css/modules/buttons/g-button-chocobo.css")
	;

body,td,div,p,a,font,span {
	font-family: arial, sans-serif;
}

body {
	margin-top: 2
}

.c {
	width: 4;
	height: 4
}

html body {
	bgcolor: "#ffffff";
	padding: 0;
	margin: 0;
}

A:link {
	color: #0000cc;
}

A:visited {
	color: #551a8b;
}

A:active {
	color: #ff0000;
}

.form-noindent {
	background-color: #FFFFFF;
	border: #b2c1d9 1px solid;
}

div {
	display: block;
}

div.loginBox {
	padding-top: 10px;
	padding-bottom: 16px;
}

#gc-signup-closed {
	background-color: #ffffcd;
	width: 490px;
	font-size: 13px;
	margin-top: 30px;
	padding: .8em .8em .4em;
	text-align: center;
}

#gc-signup-closed p {
	margin: 0 0 .4em;
	padding: 0;
}

#gaia_table {
	white-space: normal;
	text-align: left;
}

.gc-mid {
	width: 780px;
	margin: 0 auto;
}

#gc-footer a,#gc-more a {
	color: #3b73cc;
}

#gc-main {
	width: 100%;
}

#gc-main td {
	text-align: left;
}

#gc-banner img {
	border: none;
}

#gc-banner {
	display: block;
	height: 120px;
	background-color: #c6d7f2;
	border-top: 1px solid #b2c1d9;
	border-bottom: 1px solid #b2c1d9;
	text-align: left;
}

#gc-banner-content {
	height: 120px;
	position: relative;
}

#gc-banner-low {
	margin: 14px 0 0 0;
}

#gc-watch {
	color: #3b73cc;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0 3px 30px;
	background: url(/images/play-button.gif) no-repeat center left;
}

#gc-create-acc {
	position: absolute;
	top: -100px;
	right: 0px;
}

#screenshot {
	margin-top: 10px;
	width: 528px;
}

#gc-more {
	padding: 10px 0 0 2px;
}

.gc-nopad {
	padding: 0;
}

.gc-si-content {
	position: absolute;
	top: -56px;
	right: 2px;
	height: 248px;
	white-space: normal;
	width: 248px;
	z-index: 8;
}
-->
</style>
<style type="text/css">
<!--
.gaia.le.lbl {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: smaller;*/
}

.gaia.le.fpwd {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 70%;*/
}

.gaia.le.chusr {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 70%;*/
}

.gaia.le.val {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: smaller;*/
}

.gaia.le.button {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: smaller;*/
}

.gaia.le.rem {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: smaller;*/
}

.gaia.captchahtml.desc {
	font-family: arial, sans-serif;
	/*font-size: smaller;*/
}

.gaia.captchahtml.cmt {
	font-family: arial, sans-serif;
	/*font-size: smaller;*/
	font-style: italic;
}

div.errormsg {
	color: red;
	/*font-size: smaller;*/
	font-family: arial, sans-serif;
}

font.errormsg {
	color: red;
	/*font-size: smaller;*/
	font-family: arial, sans-serif;
}
-->
</style>

<title>CHOAS - Commuting Habits Analysis &amp; Optimization
Services</title>
<style type="text/css">
<!--
body {
	font-family: arial, sans-serif;
	margin: 0;
	padding: 13px 15px 15px;
}

.body {
	margin: 0;
}

div.errorbox-good {
	
}

div.errorbox-bad {
	
}

div.errormsg {
	color: red;
	font-size: smaller;
	font-family: arial, sans-serif;
}

font.errormsg {
	color: red;
	font-size: smaller;
	font-family: arial, sans-serif;
}

div.pagemsg {
	font-size: smaller;
	font-weight: bold;
	text-align: center;
}

div.pagemsg span {
	padding: 5px;
	background: #ff9;
}

div.topbar {
	font-size: smaller;
	margin-right: -5px;
	text-align: right;
	white-space: nowrap;
}

div.header {
	margin-bottom: 9px;
	margin-left: -2px;
	position: relative;
	zoom: 1
}

div.header img.logo {
	border: 0;
	float: left;
}

div.header div.headercontent {
	float: right;
	margin-top: 17px;
}

div.header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.pagetitle {
	font-weight: bold;
}

.footer {
	margin-top: 40px;
	/*color: #666;*/
	text-align: center;
	/*font-size: smaller;*/
}

table#signupform {
	left: -5px;
	top: -7px;
	position: relative;
}

table#signupform td {
	padding: 7px 5px;
}

table#signupform td table td {
	padding: 1px;
}

hr {
	border: 0;
	background-color: #DDDDDD;
	height: 1px;
	width: 100%;
	text-align: left;
	margin: 5px;
}
-->
</style>
<!--                                           -->
<!-- This script loads your compiled module.   -->
<!-- If you add any GWT meta tags, they must   -->
<!-- be added before this line.                -->
<!--                                           -->
<script type="text/javascript" language="javascript"
	src="Login/Login.nocache.js"></script>

</head>
<body dir="ltr" onload="gaia_setFocus();">
<iframe src="javascript:''" id="__gwt_historyFrame"
	style="width: 0; height: 0; border: 0"></iframe>
<div id="root" style="width: 100%">
<div id="center-aligner-1" style="text-align: center">
<div class="gc-mid" style="text-align: left; padding: 20px 0pt 6px;">
<div class="header"><a href="http://anti-chaos.appspot.com"> <img
	class="logo" src="images/chaos-logo.png" alt="CHAOS"
	style="padding: 5px;"> </a> <a href="http://anti-chaos.appspot.com">
<img class="logo" src="images/chaos-desc.png" alt="CHAOS"
	style="padding: 5px;"> </a>
<span style="position: absolute; right: 7.5em; bottom: 0px; height: 1.5em; padding: 5px; font-size: small; text-align: right;">
Best viewed with </span> <a href="http://www.mozilla.com/en-US/products/firefox"><img alt="mozilla FireFox" src="images/small-firefox-logo-wordmark.png" style="border: medium none ; position: absolute; right: 0px; bottom: 0px; width: 7em;"></a>
</div>
</div>
</div>
<div id="gc-banner">
<div id="center-aligner-4" style="text-align: center">

<table id="gc-banner-content" class="gc-mid" style="text-align: left;">
	<tbody>
		<tr>
			<td>
			<div>
			<h1
				style="font-size: 24px; font-weight: normal; margin-bottom: 5px; color: rgb(24, 99, 201);">
			Join our community to help us keep the sky blue!</h1>
			<h2
				style="font-size: 14px; font-weight: normal; margin-top: 0px; color: rgb(24, 99, 201);">
			<span style="font-family: sans-serif; font-style: italic;">CHAOS</span>
			offers ride-sharing services which are tailored for your commuting
			habits</h2>
			</div>
			<!--<div id="gc-banner-low"><a
				href="http://www.youtube.com/${chaosChannel}" target="_blank"
				id="gc-watch" target="_blank"> Watch our videos</a></div>--></td>
		</tr>
	</tbody>
</table>
</div>
</div>
<div id="center-aligner-3" style="text-align: center">

<div class="gc-mid"
	style="text-align: left; position: relative; padding-top: 2em;">
<table width="460">
	<tbody>
		<tr>
			<!--<td valign="top"><img src="images/wave_for_apps_ss.jpg"
				width="250"></td>
			-->
			<td
				style="padding: 5px; background-image: url('/images/flickr-share_alike-4255026872_5af2a626fb.jpg'); height: 270px"
				valign="top">
			<p
				style="font-size: 14px; color: white; font-weight: bold; font-variant: small-caps; margin: 1em; text-align: justify">
			Our services not only free you from your commuting hassles, but also
			contribute to our environment by reducing traffic congestions. That
			is why, as an individual or corporate, you may enjoy the incentives
			that the government offers to our customers.<br>
			<br>
			<a href="/about.html" style="background-color: white; padding: 2px;">Learn
			more »</a></p>
			</td>
		</tr>

	</tbody>
</table>
<div class="gc-si-content"><!-- <form id="loginForm" action="/login" method="post"> -->
<div id="gaia_loginbox">
<table class="form-noindent" cellpadding="5" cellspacing="3"
	width="100%" border="0">
	<tbody>
		<tr>
			<td style="text-align: center;" nowrap="nowrap" valign="top"
				bgcolor="#e8eefa"><input name="ltmpl" value="tempopensignups2"
				type="hidden">
			<div class="loginBox">
			<table id="gaia_table" cellpadding="1" cellspacing="0" align="center"
				border="0">
				<tbody>
					<tr>
						<td colspan="2" align="center"><font size="-1"> Sign
						in with your </font>
						<table>
							<tbody>
								<tr>
									<td valign="top"><!--<img src="images/google_transparent.gif"
										alt="Google">--><span
										style="font-family: sans-serif; font-size: larger; font-style: italic; font-weight: bold;">CHAOS</span></td>
									<td valign="middle"><font size="+0"><b>Account</b></font>
									</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
					<tr>
						<td colspan="2" align="center"></td>
					</tr>
					<tr id="email-row">
						<td nowrap="nowrap">
						<div align="right"><span class="gaia le lbl">
						Username: </span></div>
						</td>
						<td><input name="continue" id="continue"
							value="http://anti-chaos.appspot.com" type="hidden"> <input
							name="followup" id="followup"
							value="http://anti-chaos.appspot.com" type="hidden"> <input
							name="nui" id="nui" value="1" type="hidden"> <input
							name="dsh" id="dsh" value="-5511198278253562973" type="hidden">
						<input name="ltmpl" id="ltmpl" value="tempopensignups2"
							type="hidden"> <input name="ltmpl" id="ltmpl"
							value="tempopensignups2" type="hidden"> <input
							name="GALX" value="bNn8XHk-Qww" type="hidden"> <input
							name="username" id="usernameBox" size="18" class="gaia le val"
							type="text"></td>
					</tr>
					<tr>
						<td></td>
						<td align="left"></td>
					</tr>
					<tr id="password-row" class="enabled">
						<td nowrap="nowrap" align="right"><span class="gaia le lbl">
						Password: </span></td>
						<td><input name="password" id="passwordBox" size="18"
							class="gaia le val" type="password"></td>
					</tr>
					<tr>
						<td></td>
						<td align="left"></td>
					</tr>
					<!--<tr id="rememberme-row" class="enabled">
						<td valign="top" align="right"><input name="PersistentCookie"
							id="PersistentCookie" value="yes" checked="checked"
							type="checkbox"> <input name="rmShown" value="1"
							type="hidden"></td>
						<td><label for="PersistentCookie" id="PersistentCookieLabel"
							class="gaia le rem"> Stay signed in </label></td>
					</tr>-->
					<tr>
						<td></td>
						<td align="left"><span id="loginButton"><input
							class="gaia le button" name="signIn" id="signIn" value="Sign in"
							type="submit"></span></td>
					</tr>
					<tr id="ga-fprow">
						<td colspan="2" class="gaia le fpwd" height="33.0" valign="bottom"
							align="center"><a
							href="http://anti-chaos.appspot.com/support/accounts/"
							target="_top"> Can't access your account? </a></td>
					</tr>
				</tbody>
			</table>
			</div>
			</td>
		</tr>
	</tbody>
</table>
</div>
<input name="asts" id="asts" value="" type="hidden"> <!-- </form> -->
<script><!--
var gaia_loginForm;
if (document.getElementById) {
  gaia_loginForm = document.getElementById("gaia_loginform");
} else if (window.gaia_loginform) {
  gaia_loginForm = window.gaia_loginform;
}

var gaia_emailHasKeypress = false;
if (gaia_loginForm && gaia_loginForm.Email) {
  gaia_loginForm.Email.onkeypress = function() {
    gaia_emailHasKeypress = true;
  }
}

function gaia_setFocus() {
  if (gaia_loginForm) {
    if (gaia_loginForm.Email && !gaia_loginForm.Email.value) {
      gaia_loginForm.Email.focus();
    } else if (gaia_loginForm.Passwd && !gaia_emailHasKeypress) {
      gaia_loginForm.Passwd.focus();
    }
    
  }
}

gaia_setFocus();
--></script> <!-- <form id="universalLoginForm" action="/login" method="post"> -->
<input name="continue" id="continue"
	value="http://anti-chaos.appspot.com" type="hidden"> <input
	name="followup" id="followup"
	value="http://anti-chaos.appspot.com/newuser" type="hidden"> <input
	name="nui" id="nui" value="1" type="hidden"> <input name="dsh"
	id="dsh" value="-5511198278253562973" type="hidden"> <input
	name="ltmpl" id="ltmpl" value="tempopensignups2" type="hidden">
<input name="ltmpl" id="ltmpl" value="tempopensignups2" type="hidden">
<input name="ltmpl" id="ltmpl" value="tempopensignups2" type="hidden">
<!-- </form> -->
<div
	style="text-align: center; border: 1px solid rgb(178, 193, 217); padding: 10px; background: rgb(232, 238, 250) none repeat scroll 0% 0%; font-size: 12px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; margin-top: 5px;">
<div class="g-button-basic"
	style="width: 200px; font-size: 13px; margin-left: 15px; margin-top: 5px;">
Don't have a <span style="font-family: sans-serif; font-style: italic;">CHAOS</span>
account?<br>
<br>
<div><span><span id="registrationSpan"><a href="">Create
an account</a></span></span></div>
</div>
</div>
</div>
</div>
</div>
<div id="center-aligner-2" style="text-align: center">
<div id="gc-footer" class="gc-mid">
<div class="footer">©2010 <span
	style="font-family: sans-serif; font-style: italic;">CHAOS</span> Group
- <a href="http://anti-chaos.appspot.com/terms.html">Terms</a> - <a
	href="http://anti-chaos.appspot.com/privacy.html">Privacy Policy</a> -
<a href="http://anti-chaos.appspot.com/support">Help</a></div>
</div>
</div>
</div>
</body>
</html>
